<template>
	<view>
		<view class="viedo">
			<video class="videos" :src="this.avideo" controls="controls"></video>
		</view>
		<view class="titi">{{vio.title}}</view>
		<view class="foot">
			<view class="boxs">
				<image class="boxsimg" :src="this.avatarurl"></image>
			</view>
			<text class="texts">{{this.nickName}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				vio:{},
				avideo:'',
				avatarurl:'',
				nickName:'',
			};
		},
		onLoad(options) {
			console.log(options.id)
			uni.request({
				url:"https://apis.netstart.cn/maoyan/video/0",
				success: (res) => {
					this.vio = res.data.data.feeds[options.id]
					this.avideo=res.data.data.feeds[options.id].video.url
					this.avatarurl=res.data.data.feeds[options.id].user.avatarurl
					this.nickName=res.data.data.feeds[options.id].user.nickName
					console.log(this.vio)
				},
			})
			
		},
	}
</script>

<style lang="less">
.videos{
	width: 100%;
}
.titi{
	padding: 20rpx;
}
.foot{
	padding: 20rpx;
	display: flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	.boxs{
		width: 50rpx;
		height: 50rpx;
		border-radius: 50%;
		overflow: hidden;
		.boxsimg{
			width: 100%;
			height: 100%;
			display: block;
		}
	}
	.texts{
		margin-left: 20rpx;
		font-size: 30rpx;
	}
}
</style>
